<template>
  <div class="dialog">
    <!-- slot标签只是一个占位符 -->
    <slot name="context"></slot>
    <slot name="footer"></slot>
    <!-- 可以将子组件的数据.通过动态属性的方式传递到父组件,父组件中通过v-slot接收 -->
    <slot name="suming" :num="num" :animal="animal" :flag="flag"></slot>
  </div>
</template>

<script>

export default {
  components: {},
  props: {},
  data () {
    return {
      num: 100,
      animal: [{
        name: "小猫"
      }, {
        name: "小狗"
      }, {
        name: "小熊"
      }],
      flag: true
    }
  },
  computed: {},
  methods: {

  },
  created () {

  },
  mounted () {

  },
}
</script>
<style scoped></style>